<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>恒望科技</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="warper">
<header>
    <div class="header">
        <div class="container">
            <div class="row">
                <div class="col-md-4 header-left">
                    <a href=""><img src="img/logo.png" alt=""></a>
                </div>
                <div class="col-md-8 header-right clearfix">
                    <ul>
                        <li class="btn1 active"><a href="">首页</a></li>
                        <li class="btn2"><a href="">解决方案</a></li>
                        <li class="btn3"><a href="">产品展示</a></li>
                        <li class="btn4"><a href="">客户案例</a></li>
                        <li class="btn5"><a href="">服务中心</a></li>
                        <li class="btn6"><a href="">新闻动态</a></li>
                        <li class="btn7"><a href="">关于我们</a></li>
                        <li class="btn8"><a href="">招揽贤士</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
<nav>
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators lunbo">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <a href=""><img src="img/lunbo-1.png" class="d-block w-100" alt=""></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/lunbo-2.png" class="d-block w-100" alt=""></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/lunbo-3.png" class="d-block w-100" alt=""></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/lunbo-4.png" class="d-block w-100" alt="..."></a>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</nav>
    <div class="main">
        <div class="container main-top">
            <img src="img/dengpao_16.png" alt="">
            <h3>解决方案</h3>
            <p>Solutions</p>
            <div class="row">
                <div class="col-md-3 b-1 col-12">
                    <div class="img">
                        <a href=""><img src="img/4_07.png" alt=""></a>
                    </div>
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3 b-1 col-12">
                    <div class="img">
                        <a href=""><img src="img/1_07.png" alt=""></a>
                    </div>
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开解决方案</p>
                </div>
                <div class="col-md-3 b-1 col-12">
                    <div class="img">
                        <a href=""><img src="img/2_09.png" alt=""></a>
                    </div>
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3 b-1 col-12">
                    <div class="img">
                        <a href=""><img src="img/3_11.png" alt=""></a>
                    </div>
                    <h5>网站、移动网站</h5>
                    <p>网站、移动网站微信公众号开发移动网站微信公众号开发</p>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <img src="img/5_03.png" alt="">
        <h4>客户案例</h4>
        <p>Customer Case</p>
    </div>
    <div class="tu-1 clearfix">
        <div class="div-tu">
            <a href=""><img src="img/bg-1.png" alt=""></a>
            <div class="jk-1"><h5>物红流浪</h5></div>
        </div>
        <div class="div-tu">
            <a href=""><img src="img/bg-2.png" alt=""></a>
            <div class="jk-1"><h5>车行湖北</h5></div>
        </div>
        <div class="div-tu">
            <a href=""><img src="img/bg-3.png" alt=""></a>
            <div class="jk-1"><h5>无鞋网</h5></div>
        </div>
        <div class="div-tu">
            <a href=""><img src="img/bg-4.png" alt=""></a>
            <div class="jk-1"><h5>智众传媒</h5></div>
        </div>
        <div class="div-tu">
            <a href=""><img src="img/bg-5.png" alt=""></a>
            <div class="jk-1"><h5>铸典一体化</h5></div>
        </div>
        <div class="div-tu">
            <a href=""><img src="img/bg-6.png" alt=""></a>
            <div class="jk-1"><h5>汇众商城</h5></div>
        </div>
        <div class="div-tu">
            <a href=""><img src="img/bg-7.png" alt=""></a>
            <div class="jk-1"><h5>欧啦商城</h5></div>
        </div>
        <div class="div-tu">
            <a href=""><img src="img/bg-8.png" alt=""></a>
            <div class="jk-1"><h5>今古一体化</h5></div>
        </div>
    </div>
    <div class="zi-1">
        <div class="row">
            <div class="col-md-6 zi1">
                <p>全方位解决方案为您轻松解决不同问题</p>
                <p>A full range of solution for you to sovle different problems</p>
            </div>
            <div class="col-md-6 anniu">
                <button type="button">产看更多>></button>
            </div>
        </div>
    </div>
    <div class="dong">
        <div class="dong-top">
            <img src="img/6_29.png" alt="">
            <h4>新闻动态</h4>
            <p>Hengwang News</p>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-12">
                    <div class=" mb-3">
                        <div class="row ">
                            <div class="col-md-4 tu-2">
                                <a href=""><img src="img/bg-9.jpg" class="img" alt=""></a>
                            </div>
                            <div class="col-md-8">
                                <div class="l-1">
                                    <h5 class="card-title">关于召开年会的通知</h5>
                                    <p class="card-text">互联网，又称网际网络或音译因特网、英特网，是网络与网络之间所串联连成的庞大网络与网络...</p>
                                    <button type="button" class="btn btn-outline-primary">查看更多>></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-12">
                    <div class=" mb-3">
                        <div class="row ">
                            <div class="col-md-4 tu-2">
                                <a href=""><img src="img/bg-10.png" class="img" alt=""></a>
                            </div>
                            <div class="col-md-8">
                                <div class="l-1">
                                    <h5 class="card-title">关于召开年会的通知</h5>
                                    <p class="card-text">互联网，又称网际网络或音译因特网、英特网，是网络与网络之间所串联连成的庞大网络与网络...</p>
                                    <button type="button" class="btn btn-outline-primary">查看更多>></button>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>
        </div>
    <div class="kehu">
        <img src="img/7_33.png" alt="">
        <h4>服务客户</h4>
        <p>Serse Customers</p>
        <div class="tu-3">
            <img src="img/bg-11.png" alt="">
            <img src="img/bg-12.png" alt="">
            <img src="img/bg-13.png" alt="">
            <img src="img/bg-14.png" alt="">
            <img src="img/bg-15.png" alt="">
            <img src="img/bg-16.png" alt="">
            <img src="img/bg-17.png" alt="">
        </div>
    </div>


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h5>联系我们</h5>
                    <ul>
                        <li>地址:武汉市洪山区街道口鹏程国际B座2511</li>
                        <li>电话:18238765101</li>
                        <li>传真:(123)456-7890</li>
                        <li>邮箱:support@vectorlab.com</li>
                    </ul>
                    <p>
                        <a href=""><img src="img/dianhua_57.png" alt=""></a>027-82671661
                    </p>
                </div>
                <div class="col-md-8">
                    <h5>相关链接</h5>
                    <div>
                        <a href="">解决方案</a>
                        <a href="">产品展示</a>
                        <a href="">客户案例</a>
                    </div>
                    <div>
                        <a href="">服务中心</a>
                        <a href="">关于我们</a>
                        <a href="">招贤纳士</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>